<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Attribute</title>
    <script src="{{winapi}}"></script>
    <link rel="stylesheet" href="{{static}}/css/attribute.css">
    <script>
        const API_PATH = "{{api}}"
        const STATIC_PATH = "{{static}}"
        const PAGE_PATH = "{{root}}"
    </script>

    <script src="
            {{static}}/js/attribute.js
            "></script>
</head>

<body>
    <div id="filename_container">
        <span id="filename"></span>
    </div>
    <span id="filesize"></span>
    <span id="creationtime"></span>
    <span id="modificationtime"></span>
    <div id="owner_container">
        <span id="owner"></span>
        <button onclick="change_owner()" type="button" class="change_btn">修改</button>
    </div>
    <div id="group_container">
        <span id="group"></span>
        <button onclick="change_group()" type="button" class="change_btn">修改</button>
    </div>
    <table id="permission">
        <tr>
            <th>类别</th>
            <th>读取</th>
            <th>写入</th>
            <th>执行</th>
        </tr>
        <tr>
            <td>所有者</td>
            <td>
                <button title="owner_read" type="button" class="checkbox" id="owner_read"
                    onclick="checkbox_event(event)">
            </td>
            <td>
                <button title="owner_write" type="button" class="checkbox" id="owner_write"
                    onclick="checkbox_event(event)">
            </td>
            <td>
                <button title="owner_exec" type="button" class="checkbox" id="owner_exec"
                    onclick="checkbox_event(event)">
            </td>
        </tr>
        <tr>
            <td>组</td>
            <td>
                <button title="group_read" type="button" class="checkbox" id="group_read"
                    onclick="checkbox_event(event)">
            </td>
            <td>
                <button title="group_write" type="button" class="checkbox" id="group_write"
                    onclick="checkbox_event(event)">
            </td>
            <td>
                <button title="group_exec" type="button" class="checkbox" id="group_exec"
                    onclick="checkbox_event(event)">
            </td>
        </tr>
        <tr>
            <td>其他</td>
            <td>
                <button title="other_read" type="button" class="checkbox" id="other_read"
                    onclick="checkbox_event(event)">
            </td>
            <td>
                <button title="other_write" type="button" class="checkbox" id="other_write"
                    onclick="checkbox_event(event)">
            </td>
            <td>
                <button title="other_exec" type="button" class="checkbox" id="other_exec"
                    onclick="checkbox_event(event)">
            </td>
        </tr>
    </table>
</body>

</html>